﻿@using Pe.Petecos.Comercial.Presentacion.Resource.Base
@using Pe.Petecos.Comercial.Presentacion.Resource.Ventas
@using Pe.Petecos.Comercial.Presentacion.Resource.Mensaje
@using Pe.Petecos.Comercial.Presentacion.Core.Helpers

@model Pe.Petecos.Comercial.Presentacion.Core.ViewModel.Ventas.AdministrarProyectoRegistroModel

@{
    ViewBag.Title = "Formulario Proyecto";
}
<div class="content-body">
    <div class="breadcrumbs">
        :: Usted se encuentra en: <span>PROYECTO</span><span class="nivel-bread">/</span><span class="active-view">REGISTRO PROYECTO</span>
    </div>
    <div class="main-colum">
        <!-- wrap -->
        <div class="box-wrap-main">
            <div class="box-wrap-header">
                <div class="pull-left">
                    <div class="title-main">
                        Registro <span>Proyecto</span>
                    </div>
                </div>
            </div>
            <div class="box-wrap-body">
                <!-- tab -->
                <form id="frmFormularioRegistro">
                    <div role="tabpanel">
                        <!-- Nav tabs -->
                        <ul class="nav nav-tabs" role="tablist">
                            <li role="presentation" class="active">
                                <a href="#cabecera" aria-controls="home" role="tab" data-toggle="tab">PROYECTO</a>
                            </li>
                            <li role="presentation">
                                <a href="#detalle" aria-controls="profile" role="tab" data-toggle="tab">DETALLE</a>
                            </li>
                        </ul>
                        <!-- Tab panes -->
                        <div class="tab-content">

                            <div role="tabpanel" class="tab-pane fade in active" id="cabecera">
                                <!-- registro proyecto -->

                                <div class="box-form">
                                    <div class="row">
                                        <div class="col-xs-4">
                                            <div class="form-group">
                                                <label>N° de Proyecto: </label>
                                                <input id="txtFormularioRegistroCodigo" type="text" class="form-control" disabled="disabled" />
                                            </div>
                                        </div>
                                        <div class="col-xs-4">
                                            <div class="form-group">
                                                <label>Tipo de Proyecto: </label>
                                                @Html.DropDownList("slcFormularioRegistroTipoProyecto", Model.TiposEvento, new { id = "slcFormularioRegistroTipoProyecto", @class = "form-control", validable = "required EtiquetaTipoProyecto", @disabled = "disabled" })
                                            </div>
                                        </div>
                                        <div class="col-xs-4">
                                            <div class="form-group">
                                                <label>Moneda: </label>
                                                @Html.DropDownList("slcFormularioRegistroMoneda", Model.Monedas, new { id = "slcFormularioRegistroMoneda", @class = "form-control", validable = "required EtiquetaMoneda",@disabled="disabled" })
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-xs-4">
                                            <div class="form-group">
                                                <label>Cliente: </label>
                                                <input id="txtFormularioRegistroCliente" type="text" class="form-control"  disabled="disabled" />
                                            </div>
                                        </div>
                                        <div class="col-xs-4">
                                            <div class="form-group">
                                                <label>Contacto: </label>
                                                <input id="txtFormularioRegistroContacto" type="text" class="form-control" disabled="disabled" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-xs-4">
                                            <div class="form-group">
                                                <label>N° de Documento: </label>
                                                <input id="txtFormularioRegistroNumeroDocumento" type="text" class="form-control" disabled="disabled" />
                                            </div>
                                        </div>
                                        <div class="col-xs-4">
                                            <div class="form-group">
                                                <label>Email: </label>
                                                <input id="txtFormularioRegistroCorreoElectronico" type="text" class="form-control" disabled="disabled" />
                                            </div>
                                        </div>
                                        <div class="col-xs-4">
                                            <div class="form-group">
                                                <label>Teléfono: </label>
                                                <input id="txtFormularioRegistroTelefono" type="text" class="form-control" disabled="disabled" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-xs-8">
                                            <div class="form-group">
                                                <label>Nombre Evento: </label>
                                                <input id="txtFormularioRegistroNombreProyecto" type="text" class="form-control" disabled="disabled" />
                                            </div>
                                        </div>
                                        <div class="col-xs-4">
                                            <div class="form-group">
                                                <label>Fecha de evento: </label>
                                                <div class="input-group-custom">
                                                    <input id="txtFormularioRegistroFechaProyecto" type="text" class="form-control" mask="date" maxlength="10" disabled="disabled" />
                                                    @*<button class="input-group-addon-custom"><i class="glyphicon glyphicon-calendar"></i></button>*@
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-xs-8">
                                            <div class="form-group">
                                                <label>Lugar Evento: </label>
                                                <input id="txtFormularioRegistroLugarProyecto" type="text" class="form-control"  disabled="disabled" />
                                            </div>
                                        </div>
                                        <div class="col-xs-4">
                                            <div class="form-group">
                                                <label>User encargado Evento: </label>
                                                <input id="txtFormularioRegistroEncargadoProyecto" type="text" class="form-control" disabled="disabled" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-xs-12">
                                            <div class="form-group">
                                                <label>Objetivo Proyecto: </label>
                                                <textarea id="txtFormularioRegistroObjetivo" class="form-control" rows="2"  disabled="disabled"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-xs-12">
                                            <div class="form-group">
                                                <label>Observaciones: </label>
                                                <textarea id="txtFormularioRegistroObservaciones" class="form-control" rows="2" validable="required EtiquetaObservaciones"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- registro presupuesto -->
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="detalle">
                                <div class="grilla-top">
                                    <div class="pull-right">
                                        @if (Request["accion"] == null)
                                        {
                                            <button id="btnAgregarGrupo" class="btn-s btn-search">Agregar agrupamiento</button>
                                            <button id="btnAgregarArticulo" class="btn-s btn-add">Agregar Item</button>
                                            <button id="btnEliminarArticulo" class="btn-s btn-clean">Eliminar item</button>
                                        }
                                    </div>
                                </div>
                                <!-- DataTable -->
                                <div id="divGridDetalleContainer">
                                </div>
                                <br />
                                <table style="width: 100%; margin: 0px !important">
                                    <tbody>

                                        <tr>
                                            <td class="sorting_disabled" style="width: 10%;"></td>
                                            <td class="sorting_disabled" style="width: 60%;"></td>
                                            <td class="sorting_disabled" style="width: 10%;"></td>
                                            <td class="sorting_disabled" style="width: 10%;">Sub Total :</td>
                                            <td class="sorting_disabled" style="width: 10%;">
                                                <input id="txtFormularioRegistroSubTotal" type="text" style="text-align: right" class="form-control" readonly="readonly"></td>
                                        </tr>
                                        <tr>
                                            <td class="sorting_disabled" style="width: 10%;"></td>
                                            <td class="sorting_disabled" style="width: 60%;"></td>
                                            <td class="sorting_disabled" style="width: 10%;"></td>
                                            <td class="sorting_disabled" style="width: 10%;">IGV (18%) :</td>
                                            <td class="sorting_disabled" style="width: 10%;">
                                                <input id="txtFormularioRegistroIgv" type="text" style="text-align: right" class="form-control" readonly="readonly"></td>
                                        </tr>
                                        <tr>
                                            <td class="sorting_disabled" style="width: 10%;"></td>
                                            <td class="sorting_disabled" style="width: 60%;"></td>
                                            <td class="sorting_disabled" style="width: 10%;"></td>
                                            <td class="sorting_disabled" style="width: 10%;">Total :</td>
                                            <td class="sorting_disabled" style="width: 10%;">
                                                <input id="txtFormularioRegistroTotal" type="text" style="text-align: right" class="form-control" readonly="readonly"></td>
                                        </tr>
                                    </tbody>
                                </table>
                                <!-- Cierra DataTable -->
                            </div>

                        </div>
                    </div>
                </form>
                <!-- cierra tab -->
                <div class="box-acciones">
                    <div class="col-xs-4">
                        <!-- Progress -->
                        @*<div class="progress">
                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" style="width: 2%;">
                                <span>2%</span>
                            </div>
                        </div>*@
                    </div>
                    <div class="pull-right">


                        <button class="btn-s btn-clean" id="btnCancelarRegistro">@GenericoResource.BotonCancelar</button>
                        @if (Request["accion"] == null)
                        {                            
@*<button class="btn-s btn-add" id="btnCopiarRegistro" style="display: none">Copiar</button>*@
                            <button class="btn-s btn-search" id="btnExportarRegistro" style="display: none">Exportar</button>
                            <button class="btn-s btn-search" id="btnGrabarRegistro">@GenericoResource.BotonGrabar</button>@*
                            <button class="btn-s btn-add" id="btnPreAprobarRegistro" style="display: none">@GenericoResource.BotonPreLiquidado</button>
                            <button class="btn-s btn-add" id="btnAprobarRegistro" style="display: none">@GenericoResource.BotonLiquidado</button>*@
                            <button class="btn-s btn-add" id="btnAceptarRegistro" style="display: none">Aceptar</button>
                        }

                    </div>
                </div>
            </div>
        </div>
        <!-- cierra wrap -->
    </div>
</div>
<footer class="login inter-foot">
    <div class="row">
        <div class="col-xs-12">
            <p class="pull-left">Corporación Petecos S.A.C. © Todos los derechos reservados 2015</p>
        </div>
    </div>
</footer>
<div id="divGrupoDetalleContainer">
    <form id="frmGrupoDetalleRegistro">
        <div class="row">
            <label class="col-sm-3">Nombre Grupo</label>
            <div class="col-sm-9">
                <input id="txtGrupoDetalleNombre" type="text" class="form-control" validable="required EtiquetaNombre" />
            </div>
        </div>
    </form>
    <br />
    <div style="text-align: center">
        <button class="btn-s btn-clean" id="btnGrupoDetalleCancelar">@GenericoResource.BotonCancelar</button>
        <button class="btn-s btn-search" id="btnGrupoDetalleGrabar">@GenericoResource.BotonGrabar</button>
    </div>
</div>

@section scripts
{
    <script type="text/javascript">
        jQuery(function($){
            $("#txtFormularioRegistroFechaProyecto").mask("99/99/9999",{placeholder:"dd/mm/yyyy"});
        });

        ns('Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyecto.Model')
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyecto.Model.Proyecto = @(Html.Raw(Json.Encode(Model.Proyecto)));

        ns('Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyecto.Actions')
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyecto.Actions.Index = '@Url.Action("Index", "AdministrarProyecto", new { Area = "Ventas" })';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyecto.Actions.Buscar = '@Url.Action("Buscar", "AdministrarProyecto", new { Area = "Ventas" })';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyecto.Actions.Registrar = '@Url.Action("Registrar", "AdministrarProyecto", new { Area = "Ventas" })';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyecto.Actions.Aprobar = '@Url.Action("Aprobar", "AdministrarProyecto", new { Area = "Ventas" })';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyecto.Actions.PreAprobar = '@Url.Action("PreAprobar", "AdministrarProyecto", new { Area = "Ventas" })';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyecto.Actions.Aceptar = '@Url.Action("Aceptar", "AdministrarProyecto", new { Area = "Ventas" })';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyecto.Actions.Copiar = '@Url.Action("Copiar", "AdministrarProyecto", new { Area = "Ventas" })';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyecto.Actions.Exportar = '@Url.Action("Exportar", "AdministrarProyecto", new { Area = "Ventas" })';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyecto.Actions.ValidarItemsProyecto = '@Url.Action("ValidarItemsProyecto", "AdministrarProyecto", new { Area = "Ventas" })';
        

        ns('Pe.Petecos.Comercial.Presentacion.General.Comun.Actions')
        Pe.Petecos.Comercial.Presentacion.General.Comun.Actions.BusquedaArticuloProveedor = '@Url.Action("BusquedaArticuloProveedor", "Comun", new { Area = "General" })';
        Pe.Petecos.Comercial.Presentacion.General.Comun.Actions.BuscarArticuloProveedor = '@Url.Action("BuscarArticuloProveedor", "Comun", new { Area = "General" })';

        ns('Pe.Petecos.Comercial.Presentacion.General.MantenerCliente.Actions')
        Pe.Petecos.Comercial.Presentacion.General.MantenerCliente.Actions.Buscar = '@Url.Action("Buscar", "MantenerCliente", new { Area = "General" })';

        ns('Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyectoResource')
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyectoResource.EtiquetaNumeroProyecto = 'Número Proyecto';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyectoResource.EtiquetaCliente = '@Html.Raw(GenericoResource.EtiquetaCliente)';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyectoResource.EtiquetaNombreProyecto = 'Nombre Evento';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyectoResource.EtiquetaFechaProyecto = 'Fecha Evento';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyectoResource.EtiquetaLugarProyecto = 'Lugar Evento';

        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyectoResource.EtiquetaUsuarioCreacion = '@Html.Raw(GenericoResource.EtiquetaUsuarioCreacion)';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyectoResource.EtiquetaFechaCreacion = '@Html.Raw(GenericoResource.EtiquetaFechaCreacion)';


        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyectoResource.EtiquetaTipoProyecto = 'Tipo de Ppto';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyectoResource.EtiquetaMoneda = '@Html.Raw(GenericoResource.EtiquetaMoneda)';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyectoResource.EtiquetaCliente = '@Html.Raw(GenericoResource.EtiquetaCliente)';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyectoResource.EtiquetaContacto = '@Html.Raw(AdministrarEventoResource.EtiquetaContacto)';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyectoResource.EtiquetaNumeroDocumento = '@Html.Raw(AdministrarEventoResource.EtiquetaNumeroDocumento)';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyectoResource.EtiquetaCorreoElectronico = '@Html.Raw(AdministrarEventoResource.EtiquetaCorreoElectronico)';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyectoResource.EtiquetaTelefono = '@Html.Raw(AdministrarEventoResource.EtiquetaTelefono)';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyectoResource.EtiquetaNombreProyecto = '@Html.Raw(AdministrarEventoResource.EtiquetaNombreEvento)';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyectoResource.EtiquetaEncargadoProyecto = '@Html.Raw(AdministrarEventoResource.EtiquetaEncargadoEvento)';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyectoResource.EtiquetaObjetivo = '@Html.Raw(AdministrarEventoResource.EtiquetaObjetivo)';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyectoResource.EtiquetaObservaciones = '@Html.Raw(AdministrarEventoResource.EtiquetaObservaciones)';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyectoResource.EtiquetaNombre = 'Nombre';


        ns('Pe.Petecos.Comercial.Presentacion.Enumerados.EstadoProyecto')
        Pe.Petecos.Comercial.Presentacion.Enumerados.EstadoProyecto.Registrado = '@Html.Raw(Pe.Petecos.Comercial.Cross.Core.Constantes.DatosConstantes.EstadoProyecto.Registrado)';
        Pe.Petecos.Comercial.Presentacion.Enumerados.EstadoProyecto.PreAprobado = '@Html.Raw(Pe.Petecos.Comercial.Cross.Core.Constantes.DatosConstantes.EstadoProyecto.PreAprobado)';
        Pe.Petecos.Comercial.Presentacion.Enumerados.EstadoProyecto.Aprobado = '@Html.Raw(Pe.Petecos.Comercial.Cross.Core.Constantes.DatosConstantes.EstadoProyecto.Aprobado)';

    </script>

    <script type="text/javascript" src="~/Scripts/General/Comun/BusquedaArticuloProveedor/Controller.js"></script>

}